<template>
	<div class="about">
		<h1 class="active">这里是关于页面</h1>
		<p class="big bold">我是大孩子</p>
		<!-- 跳转登录页面添加一个redirect查询参数 -->
		<!-- 查询参数redirect的值刚好就是当前页面的path路径 -->

		<router-link to="/login?redirect=/about">登录</router-link>
	</div>
</template>
<style scoped>
	/* scoped样式隔离：给组件的每个元素加一个属性*/
	/* 给css渲选择器自动添加属性选择器 */
	/* scoped中的样式只能对当前组件启用 */
	.active {
		color: #f70;
	}
</style>
<style>
	.big {
		font-size: 48px;
	}
</style>
